/*我的收藏*/
.big {
    clear: both;
}

@media (min-width: 1024px) {
    .big {
        padding: 0px 10px;
    }
}

.big a {
    color: #333;
}

    .big a:hover {
        text-decoration: none;
        /*color: #666;*/
    }
/* 面包屑 */
.location ul {
    margin-bottom: 0px;
}

    .location ul li {
        line-height: 40px;
        display: inline-block;
    }

.content .right {
    width: 85%;
    float: left;
}

    .content .right p.r_title {
        font-size: 17px;
        line-height: 40px;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
    }

        .content .right p.r_title .layui-icon {
            font-size: 20px;
            position: absolute;
            left: 10px;
            display: none;
        }

.wallet .top {
    margin-top: 10px;
}

.wallet .waleft {
    width: 50%;
    float: left;
    padding-top: 9px;
}

    .wallet .waleft p {
        line-height: 30px;
    }

        .wallet .waleft p img {
            width: 30px;
            vertical-align: top;
        }

    .wallet .waleft div {
        float: left;
    }

        .wallet .waleft div p i {
            font-size: 30px;
        }

        .wallet .waleft div p span {
            color: red;
            font-size: 30px;
            margin-left: 10px;
            margin-right: 40px;
        }

    .wallet .waleft button {
        padding: 5px 15px;
        float: left;
        margin-top: 10px;
        display: none;
    }

.wallet .waright {
    width: 50%;
    float: left;
}

    .wallet .waright p {
        line-height: 22px;
    }

        .wallet .waright p span.green {
            color: green;
        }

        .wallet .waright p span.red {
            color: red;
        }

.wallet .walist {
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}

.wallet table {
    width: 100%;
}

    .wallet table thead {
        background-color: #efefef;
    }

    .wallet table tr th {
        height: 35px;
        font-weight: 400;
        font-size: 116.66667%;
        color: #666;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wallet table tr td {
        padding: 10px;
        text-align: center;
        border-top: 1px solid #e0e0e0;
    }

.walist .nowallet {
    line-height: 260px;
}

.detail {
    /*display: none;*/
}

.recharge {
    display: none;
    width: 80%;
}

    .recharge .clearfix {
        margin-top: 10px;
    }

    .recharge .items {
        width: 100px;
        float: left;
        padding: 15px 10px;
    }

    .recharge .list {
        width: calc(100% - 100px);
        float: left;
    }

    .recharge .item {
        display: inline-block;
        min-width: 100px;
        border: 1px solid #ccc;
        margin: 10px 10px 0px 0px;
        text-align: center;
        cursor: pointer;
    }

    .recharge .money .item {
        padding: 15px 10px;
        /*min-width: 100px;
        min-height: 60px;*/
    }

    /*.recharge .money .item p {
            line-height: 23px;
        }*/

    /*.recharge .money .item p.paidamt {
                font-size: 17px;
            }
            .recharge .money .item p:not(.paidamt) {
                color: red;
            }*/

    /*.recharge .money .item.other {
            line-height: 60px;
            padding: 0px;
        }*/

    .recharge .type .item {
        padding: 4px;
    }

    .recharge .item i.iconfont {
        display: none;
    }

    .recharge .item.active {
        position: relative;
    }

        .recharge .item.active i.iconfont {
            display: block;
            position: absolute;
            right: 0px;
            bottom: -2px;
        }

    .recharge .money input {
        width: 320px;
        height: 30px;
        line-height: 30px;
        text-indent: 5px;
        border: 1px solid #ccc;
        display: none;
        margin-top: 10px;
    }

    .recharge .item img {
        width: 86px;
    }

    .recharge .combutton1, .recharge .combutton2 {
        width: 120px;
        line-height: 30px;
        font-size: 14px;
        margin-right: 10px;
        margin-top: 15px;
    }

.tips {
    color: red;
    line-height: 24px;
}




.page_sum {
    float: right;
    padding-right: 10px;
}

    .page_sum li {
        display: inline-block;
    }

.nowallet {
    text-align: center;
}

    .nowallet img {
        width: 170px;
    }

    .nowallet p {
        color: #8f8f94;
        font-size: 16px;
        margin-top: 10px;
    }

@media only all and (max-width:1023px) {
    .main_head, .main_footer {
        display: none;
    }

    .location {
        display: none;
    }

    .content {
        padding: 0px;
    }

        .content .left {
            display: none;
        }

        .content .right {
            width: 100%;
        }

            .content .right p.r_title {
                text-align: center;
            }

                .content .right p.r_title .layui-icon {
                    display: block;
                }

    .wallet .top {
        padding: 0px 10px;
    }

    .wallet .waleft {
        width: 100%;
    }

        .wallet .waleft div {
            margin-right: 10px;
        }


    .recharge {
        width: 100%;
    }

        .recharge .items, .recharge .list {
            float: none;
            width: 100%;
        }

        .recharge .item {
            margin: 10px 0px 0px 10px;
        }

        .recharge .items {
            padding: 0px 10px;
        }

        .recharge .opera .list {
            padding-left: 10px;
        }

        .recharge .money input {
            margin-left: 10px;
        }
    /*.recharge .combutton1, .recharge .combutton2 {
            margin-right: 0px;
            margin-left: 10px;
        }*/


    .nowallet img {
        width: 70%;
    }
}